<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>账号注册</title>
    <style type="text/css">
        fieldset{
            text-align: center;
        }
        input{
            margin: 10px;
        }
        p{
            margin: 0;
        }
        form{
            margin-left: 20%;
            margin-top: 10%;
            margin-right: 10%;
            background-color:  white;
        }
    </style>
	<script type="text/javascript">
		function reload() {
			var img = document.getElementById("yzmImg");
			img.src = "getimg?" + new Date().getTime();
		}
	</script>
</head>
<body style="margin: 0;">
<div id="left_form" style="float: left; width: 50%;height: 600px;background-color: white;" >
    <form action="/register" method="post" >
        <fieldset id="logincontent" style="background-color: azure;margin: 0;padding: 0;">
            <legend style="text-align: center;">欢迎注册</legend>
			<label style="color: red" th:text="${msg}"></label> <br />
            <span id="table_form" style="" >
						 <span>
							 姓&nbsp&nbsp名:<input type="text" name="name"/>					<br />
						 </span>
						 <span>
						 	性&nbsp&nbsp别:<input type="text" name="sex"/>					<br />
						 </span>
						 <span>
						 	密&nbsp&nbsp码:<input type="password" name="pwd" style="width: 172px;" />					<br />
						 </span>
							专&nbsp&nbsp业:<input  list="major"  name="profession" />					<br />
						 <span>
						 	手&nbsp&nbsp机:<input type="tel" name="tel" />					<br />
						 </span>
						 <span>
						 	Q&nbsp&nbsp&nbspQ:<input type="text" name="id">				<br />
						 </span>
						 <span>
						 	邮&nbsp&nbsp箱:<input type="email" name="email"/>					<br />
						 </span>
							验证码<input type="text" style="width: 85px;" name="yzm" /><a href="javascript:reload()"><img src="/getimg" id="yzmImg" style="width: 80px; height: 30px;">	</a>  <br />			<br />
						 <span>
						 	<input type="submit" value="注册"/>					<br />
						 </span>
						<datalist id="major">
						  <option value="文科">
						  <option value="理科">
						  <option value="工科">
						</datalist>

					 </span>

        </fieldset>
    </form>
</div>

<div id="right_text" style="text-align: center;margin: 0;">
			<span id="text" >
				<p>一些描述</p>
			</span>
</div>
</body>

</html>
